<!--
 * @FilePath     : /study_code/layui/6-3-9.html
 * @Description  : layer.close(index)
 * @Date         : 2025-04-08 16:46:28
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-08 17:32:46
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="/layui/dist/css/layui.css" />
  </head>
  <body>
    <div id="id" style="width: 200px; height: 200px; margin: 50px 90px">我的容器</div>

    <script src="/layui/dist/layui.js"></script>
    <script>
      /**
       * @brief: 关闭指定弹出层
       * @param {Number} layerIndex, 关闭弹层的索引值
       * #常规值：某个弹层的索引值
       * #layer.index：获取的始终是最新弹出的某个层的索引值，值是由layer内部动态递增计算的
       * !特殊：iframe 页面关闭自身
       * var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
       * parent.layer.close(index) // 再关闭
       * @param {Function} [, callback], 关闭弹出层后执行的回调
       * #layui 2.6.5、layer 3.4.0 新增
       * @return {*}
       */
      // layer.close(layerIndex [, callback]);

      //当你想关闭当前页的某个层时
      var index = layer.open()
      var index = layer.alert()
      var index = layer.load()
      var index = layer.tips()
      //正如你看到的，每一种弹层调用方式，都会返回一个index

      layer.close(index) //此时你只需要把获得的index，轻轻地赋予layer.close即可

      //如果你想关闭最新弹出的层，直接获取layer.index即可
      layer.close(layer.index) //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的

      //当你在iframe页面关闭自身时
      var index = parent.layer.getFrameIndex(window.name) //先得到当前iframe层的索引
      parent.layer.close(index) //再执行关闭

      //关闭后的回调（layui 2.6.5、layer 3.4.0 新增）
      layer.close(index, function () {
        //do something
      })
    </script>
  </body>
</html>
